/* Basic
=================================================================== */
.no-space [class*="span"] {
    margin-left: 0;
}

.noMarginLeft {
	margin-left: 0px !important;
}

body {
	background: @bodyBackground;
	color: @darkGrey;
	border: none;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}

a {
	color: @darkGrey;
}

h1 { font-size: 32px; line-height: 32px; font-weight: 300}
h2 { font-size: 16px; line-height: 16px; font-weight: 300}
h3 { font-size: 15px; line-height: 15px; }
h4 { font-size: 14px; line-height: 14px; }
h5 { font-size: 13px; line-height: 13px; }
h6 { font-size: 12px; line-height: 12px; }

#content {
	min-height: 100%;
	padding: 20px 20px;
	position: relative;
	
	&.full {
		width: 100% !important;
		margin-left: 0px !important;
	}
}

.well {
	border: 1px solid #ddd;
	background-color: #f6f6f6;
	.box-shadow;
	.border-radius(2px);
}

.box {
	.border-radius(2px);
	.box-shadow(0px 1px 0px 1px lighten(@grey, 10%));
	overflow: hidden;
	margin: 0px 0px 28px 0px;
	
	.box-header {
		background: @mainColor;
		color: white;
		font-size: 16px;
		overflow: hidden;

		h2 {
			float:left;
			padding: 10px 0px;
			margin: 0px 0px 0px 20px;

			i {
				background: darken(@mainColor,10%);
				color: white;
				padding: 10px 0px;
				width: 36px;
				display: inline-block;
				text-align: center;
				margin: -10px 20px -10px -20px;
			}

		}

		.box-icon {
			background: darken(@mainColor,10%);
			float:right;

			i {
				display: inline-block;
				color: white;
				text-align: center;
				width: 36px;
				padding: 10px 0px;
				.transition(all 0.1s ease-in-out);
				opacity: .8;
				filter: alpha(opacity=80);
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
				border-left: 1px solid @mainColor;
				text-decoration: none;

				&:hover {
					opacity: 1;
					filter: alpha(opacity=100);
					-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				}
			}

			a {

			}

		}

	}
	
	.box-content {
		padding: 10px;
		background: white;	
	}
	
}

/* Typography - Blockquote
=================================================================== */	
blockquote {
	background: url(../img/quote.png) no-repeat 0px 10px;
	font-style: italic;
	border-left: none;
	padding: 0 0 0 30px;
}